@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body,samp,span,i,em{ font-family:Arial,'微软雅黑', Helvetica,'黑体', sans-serif;font-size:14px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ul,li,dl,dd,ol{ list-style:none;}
a{ text-decoration:none;color:#444;}
img{border:0;}
.w1540{max-width:1540px;margin:auto;width:90%;}
.overflow{overflow:hidden;}


#top{background:#f6f6f6;}
.topa{float:left;width:50%;color:#444;line-height:40px;}
.topb{float:right;width:50%;font-size:0;text-align:right;margin-top:13px;}
.topb a{display:inline-block;font-size:14px;color:#444;line-height:14px;border-left:1px solid #ccc;padding-left:20px;margin-left:20px;}
.topb a:first-child{border-left:none;}
.topb a:hover{color:#006ac6;}

#logo{padding:17px 0;}
.logo{width:40%;float:left;font-size:0;}
.log{width:60%;float:left;    margin-top: 16px;}
.logo-a{display:inline-block; vertical-align:middle;}
.logo-b{display:inline-block; vertical-align:middle;border-left:1px solid #ccc;padding-left:20px;margin-left:20px;}
.logo-b p{font-size:21px;color:#006ac6;font-weight:bold; letter-spacing:4px;margin-bottom:5px;}
.logo-b h2{font-size:16px;color:#333;}
.log-a{width:246px;float:right;font-size:0;}
.log-b{width:calc(100% - 300px);float:left;font-size:0;text-align:right;}
.log-aa{display:inline-block; vertical-align:middle;}
.log-ab{display:inline-block; vertical-align:middle;margin-left:10px;}
.log-ab .p1{font-size:14px;color:#0b0b0b;}
.log-ab .p2{font-size:30px;color:#006ac6; letter-spacing:1px;}
.log-b input{display:inline-block; vertical-align:middle;background:none;border:1px solid #006ac6; outline:none;padding:15px 0 15px 10px;width:220px;}
.log-b a{display:inline-block; vertical-align:middle;background:#006ac6;text-align:center;padding:14px 20px;}

/**/
.zhz{width:50px;height:50px;overflow:hidden;position:absolute;top:0;right:0;display:none;}
.zhz samp{position:absolute;left:26%;background:#005dad;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}

.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

.eng{position:fixed;top:0;z-index:2;right: 50px;padding: 17px;border-right: 1px solid #eee;border-left: 1px solid #eee;display:none;}

/****/
#daoh{background:#006ac6;}
.daoh{overflow:hidden;}
.daoh li{width:12.5%;float:left;text-align:center;font-size:16px;}
.daoh li a{color:#ffffff;padding:22px 0;display:inline-block;line-height:16px;display:block;position:relative;}
.daoh li a:after{ content:'';width:1px;height:16px;background:#2b92ea;display:inline-block;position:absolute;top:50%;right:0; transform:translateY(-50%);}
.daoh li:last-child a:after{display:none;}
.daoh li.dh{background:#0057a3;}
.daoh li.dh a:after{display:none;}
.daoh li:hover{background:#0057a3;}
.daoh li:hover a:after{display:none;}

/*产品*/
.product{margin:80px 2%}
.produ{}
.produ h3{font-size:30px;color:#333333;font-weight:normal;}
.produ samp{display:block;width:30%;height:3px;background:#006ac6;margin:36px 0 28px;}
.produ p{font-size:14px;color:#434343;}
.produ div{margin-top:46px;position:relative;}
.produ div:after{ content:'';position:absolute;top:-20px;left:0;width:100px;height:1px;background:#006ac6; transition:all 0.3s; opacity:0;}
.produ div:before{ content:'';position:absolute;bottom:-20px;left:0;width:100px;height:1px;background:#006ac6; transition:all 0.3s; opacity:0;}
.produ div:hover:after{top:0; opacity:1;}
.produ div:hover:before{bottom:0; opacity:1;}
.produ a{display:block;color:#006ac6;transition:all 0.4s;position:relative;line-height:28px;box-sizing:border-box;}
.produ div:hover a{padding-left:25px; font-weight:bold;}

.proct{overflow:hidden;margin-top:40px;}
.pro{box-sizing:border-box;border:1px solid #e8e8e8;overflow:hidden;text-align:center;}
.pro img{ transition:all 0.4s;max-width:100%;}
.pdu{text-align:center;margin-top:20px;}
.pdu h4{color:#333333;font-size:16px;transition:all 0.4s;}
.pdu p{color:#919191;line-height:24px;margin:10px auto 10px;width:86%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:all 0.4s;}
.pdu samp{background:;display:inline-block;margin:auto;padding:6px 20px;color:#0049ff; border-radius:35px;font-weight: bold; font-size:0;}
.pdu samp img{display:inline-block; vertical-align:middle;margin-right:5px;}
.pdu span{font-size: 16px;display:inline-block; vertical-align:middle;}
.proct .item{width:32%;float:left;margin-right:2%;margin-bottom:30px;}
.proct .item:nth-child(3n){margin-right:0;}

.item:hover .pro img{ transform:scale(1.2);}
.item:hover h4{color:#006ac6;}
.item:hover p{color:#333;} 

/*标题*/
.biaoti{text-align:center;}
.bi{font-size:30px;color:#333333;padding-bottom:16px}
.bi em{color:#006ac6;font-size:30px; font-style:normal;}
.biao{font-size:14px;color:#797979;padding:0 0 10px;}
.bti{font-size:16px;color:#434343;}

/**/
#appl{background:#f7f7f7;padding:80px 0;}
.appl{font-size:0;text-align:center;margin:50px auto 40px;}
.appl li{font-size:14px;display:inline-block; vertical-align:middle;padding:0 13px;}
.appl li:hover a{color:#006ac6;}

.app{box-sizing:border-box;padding:0 2%;}
.app li{position:relative;width:32%;float:left;margin-right:2%;margin-bottom:30px;}
.app li:nth-child(3){margin-right:0;}
.app li:nth-child(6){margin-right:0;}
.app li .ap{overflow:hidden;}
.app li img{width:100%; transition:all 0.3s;}
.app li:hover img{ transform:scale(1.2);}
.app li .ax{position:absolute;top:0;left:0;width:100%;z-index:2;height:100%;text-align:center;background:rgb(0,0,0,0.8);color:#fff;display:table; transform:scale(0);transition:all 0.3s;}
.app li .ax p{display:table-cell; vertical-align:middle;text-align:center;font-size:24px; transform:translateY(50px); opacity:0; -webkit-transition-delay:0.2s; transition-duration:0.3s; transition-timing-function:linear;}
.app li:hover .ax{ transform:scale(1);}
.app li:hover .ax p{ transform:translateY(0); opacity:1;}

/*理由*/
.ys{margin:70px auto 100px;}

.yuxa{overflow:hidden;margin:60px auto 10px;}
.yuxa li{width:23.5%;float:left;margin-right:2%;font-size:0;padding:20px; cursor:pointer;box-sizing: border-box;}
.yuxa li:nth-child(4){margin-right:0;}
.yuxa li.yu{background:#0089e1;}
.yuxa-a{display:inline-block; vertical-align:middle;width:49px;}
.yuxa-a .p2{display:none;}
.yuxa-b{display:inline-block; vertical-align:middle;width:calc(100% - 59px);margin-left:10px;}
.yuxa-b p{font-size:20px;margin-bottom:5px;color:#292929;}
.yuxa-b i{ font-style:normal;font-size:14px;color:#969696;}
.yuxa li.yu .p1{display:none;}
.yuxa li.yu .p2{display:block;}
.yuxa li.yu .yuxa-b p{color:#fff;}
.yuxa li.yu .yuxa-b i{color:#fff;}

.yuxb{box-sizing:border-box;border:1px solid #ccc;}
.yuxb-a{overflow:hidden;}
.yuxb-aa{width:50%;float:left;box-sizing:border-box;padding:3%;}
.yuxb-aaa{margin-bottom:30px;}
.yuxb-aaa p{border:1px solid #0089e1;color:#0089e1;padding:6px 20px;display:inline-block;font-size:30px;font-weight:bold;}
.yuxb-aab{font-size:18px;font-weight:600;margin-bottom:14px;}
.yuxb-aac{font-size:16px;line-height:30px;}
.yuxb-ab{width:50%;float:left;}
.yuxb-ab img{width:100%;}

/*关于我们*/
#about{padding:70px 0;position:relative}
.di{position:absolute;top:0;left:0;width:100%;height:100%;}
.di img{width:100%;height:100%;}
.di2{position:relative;z-index:2;}

.about{max-width:980px;width:90%;margin:60px auto 90px;color:#333333;line-height:32px;text-align:center;font-size:16px;}
.about a{color:#333;}
.about>p{width:100px;text-align:center;margin:auto;margin-top:20px;}
.about>p a{display:block;border:1px solid #ccc;line-height:28px;}
.about>a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}

.abo{max-width:1400px;margin:auto;overflow:hidden;width:90%;}
.abo li{width:25%;float:left;text-align:center;}
.abo-a{width:120px;height:120px;background-color:#ffffff;margin:0 auto 50px; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
.abo-a.aimg1{background-image:url(../images/c1.png);}
.abo-a.aimg2{background-image:url(../images/c2.png);}
.abo-a.aimg3{background-image:url(../images/c3.png);}
.abo-a.aimg4{background-image:url(../images/c4.png);}
.abo-a a{display:block;height:100%;}
.abo-b{width:90%;margin:auto;max-width:240px;}
.abo-b h5{font-size:18px;color:#444444;margin-bottom:16px;font-weight:800;}
.abo-b p{color:#444444;font-size:14px;line-height:26px;}

.abo li .abo-a.aimg1:hover{background-image:url(../images/c1-.png);}
.abo li .abo-a.aimg2:hover{background-image:url(../images/c2-.png);}
.abo li .abo-a.aimg3:hover{background-image:url(../images/c3-.png);}
.abo li .abo-a.aimg4:hover{background-image:url(../images/c4-.png);}
.abo li .abo-a:Hover{background-color:#006ac6;}
.abo-b h5:hover a{color:#006ac6;}

/*新闻*/
.news{margin:70px auto;}
.new{margin:45px auto 0;}
.ne{overflow:hidden;}
.ne img{ transition:all 0.3s;}
.new .item{box-sizing:border-box;border:1px solid #fff;padding-bottom:20px;}
.item:Hover .ne img{ transform:scale(1.2);}
.nea{margin-top:37px;box-sizing:border-box; transition:all 0.3s;}
.nea samp{ color:#666666;font-size:12px;display:block;}
.nea p{font-size:16px;color:#333333;margin:10px auto 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nea span{display:block;font-size:14px;color:#666666;}
.new .item:Hover .nea{padding:0 0px 0 10px}
.new .item:Hover .nea p{color:#006ac6;}
.new .item:Hover span{color:#006ac6;}
.new .item:Hover{border:1px solid #eee;}

/*links*/
#links{background:#202b36;padding:27px 0;}
.lin{width:80px;float:left;font-size:24px;color:#fff;}
.lks{width:calc(100% - 80px);float:left;font-size:0;}
.lks a{display:inline-block; vertical-align:middle;padding:0 8px;font-size:14px;color:#ffffff;}

/*尾部*/
#bottom{background:#0f141a;padding:47px 0 70px;}
.bottoma{width:calc(100% - 300px);float:left;overflow:hidden;}
.bottomb{width:200px;float:right;}
.bottomb img{max-width:100%;}

.bottoma li{width:16%;float:left;margin-right:4%;}
.bottoma li:last-child{width:40%;margin-right:0;}
.bottoma li h6{font-size:20px;color:#fff;border-bottom:1px solid #3e4144;position:relative;padding:0 0 20px 0;margin-bottom:20px;}
.bottoma li p{line-height:28px;color:#949494;}
.bottoma li p a{color:#949494;}

.bot{background:#000;text-align:center;color:#fff;padding:20px 0;}





@media screen and (max-width:1600px){
.bottoma li{width:20%;margin-right:2%}
.bottoma li:last-child{width:34%;}
.bottomb{width: 140px;}
.bottoma{width: calc(100% - 200px);}
.log-b{display:none;}
.log{width:40%}
.logo{width:60%;}
}

@media screen and (max-width:1200px){
.yuxb-aaa{display:none;}
.yuxa-b p{font-size:16px;}
.yuxa-b i{font-size:14px;}
.yuxb-aac{font-size:14px;}
.produ h3{font-size:24px;}
.produ{width:260px;}
.proct{}
.bi,.bi em{font-size:24px;}
.product{margin: 70px 2% 40px;}
#appl{padding: 70px 0 50px;}

}

@media screen and (max-width:980px){
#top{display:none;}
.logo-a h1 img{height:55px;}
.logo-b p{font-size:18px;}
.logo-b h2{font-size:14px;}
.log{margin-top: 5px;}
.log-ab .p2{font-size:26px;}
.daoh li a{padding: 15px 0;}
.produ{float:none;width:100%;margin:auto;padding:0;}
.produ h3{text-align:center;}
.produ samp{width:50px;margin:15px auto 10px;}
.produ p{text-align:center;}
.produ div{display:none;}
.proct{width:100%;margin:20px auto 0;float:none;}
#links{display:none;}
.bottomb{display:none;}
.bottoma{width:100%;float:none;}
#bottom{padding: 30px 0 30px;}
.bottoma li h6{font-size:16px;}
.yuxa-b i{display:none;}
}


	

@media screen and (max-width:780px){
.eng{display:block;}
.log{display:none;}
.logo{width:100%;float:none;box-sizing:border-box;padding-left:10px;}
.w1540{width:96%;}
.logo-b{display:none;}
.logo-a h1 img{height:40px;}
#logo{padding: 5px 0;position:fixed;top:0px;left:0;z-index:999;background:#fff;width:100%; box-shadow:0 0 0 #fff,0 0 0 #fff,0 0 5px #ccc,0 0 0 #fff;}
#daoh{position:fixed;top:50px;left:0;width:100%;z-index:999;display:none;}
.daoh li{width:100%;margin:auto;float:left;}
.daoh li a:after{display:none;}
.daoh{width:100%;}
#banner{margin-top:50px;}
.zhz{display:block;}
.product{margin:30px auto;}
.produ p{display:none;}
.produ h3{font-size:20px;font-weight: 600;}
.produ samp{margin: 15px auto 20px;}
.tec .pdu p{display:none;}
.tec .pdu{margin-top: 10px;}
.tec .pdu h4{font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tec .pdu samp{display:none;}
#appl{padding: 20px 0 20px;}
.bi, .bi em{font-size:20px;}
.bi{padding-bottom: 5px;font-weight: 600;}
.appl{display:none;}
.app{margin-top:20px;}
.biao{display:none;}
.app li{width:49%;margin:0 2% 20px 0;}
.app li:nth-child(even){margin-right:0;}
.app li:nth-child(3){margin-right:2%;}
.ys{margin: 20px auto 0px;}
.yuxa li{width: 48%;padding: 10px;margin-bottom:20px;}
.yuxa-a{width:100%;text-align:center;}
.yuxa-b{width:100%;text-align:center;margin:20px auto 0;}
.yuxb{display:none;}
.yuxa li.yu{background:none;}
.yuxa li.yu .p1{display:block;}
.yuxa li.yu .p2{display:none;}
.yuxa li.yu .yuxa-b p{color:#333;}
.yuxa li.yu .yuxa-b i{color:#333;}
.yuxa-b p{font-size:14px;}
.yuxa{margin: 20px auto 10px;}
#about{padding:20px 0 1px;}
.about{width:90%;margin:30px auto ;font-size:14px;line-height:26px;}
.abo{display:none;}
.news{margin: 30px auto 10px;}
.bti{font-size: 14px;}
.new{margin: 30px auto 0;}
.nea{margin-top: 20px;}
.nea p{margin: 10px auto;}
#bottom{display:none;}
.proct .item{width:49%;}
.proct .item:nth-child(2n){margin-right:0%;}
.proct .item:nth-child(3){margin-right:2%;}
.proct .item:nth-child(n+9){display:none;}

}